<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
    <title>查看</title>
	<link rel="stylesheet" href="https://cdn.bootcss.com/material-design-icons/3.0.1/iconfont/material-icons.min.css">
	<link rel="stylesheet" href="https://cdn.bootcss.com/material-design-lite/1.3.0/material.min.css">
	<link rel="stylesheet" href="assets/css/main.css">
</head>
<body class="user-page">
<template id="template-item" style="display: none">
	<div class="item">
		<div class="mdl-card mdl-shadow--2dp">
			<div class="mdl-card__title mdl-card--expand head-bg">
				<h2 class="mdl-card__title-text title"></h2>
			</div>
			<div class="mdl-card__supporting-text">
				<p>作者：<span class="author"></span></p>
				<p>提交于 <span class="time"></span></p>
			</div>
			<div class="mdl-card__actions mdl-card--border">
				<a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect view-link">查看</a>
			</div>
		</div>
	</div>
</template>
    <div class="mdl-layout mdl-js-layout mdl-color--grey-100">
		<div class="ribbon"></div>
		<main class="mdl-layout__content ribbon-main">
            <div class="page-content">
				<div class="mdl-grid">
					<div class="mdl-card mdl-shadow--2dp user-info">
						<div class="mdl-card__supporting-text">
							<img class="avatar" src="assets/image/avatar.jpg">
							<p id="author-name"></p>
						</div>
					</div>
					<div class="works-list"></div>
				</div>
			</div>
			<footer class="mdl-mini-footer">
				<div class="mdl-mini-footer--left-section">
					<div class="wrapper">
						<button id="friend_button" class="mdl-button mdl-js-button mdl-button--icon"><i class="material-icons">group</i></button>
						<ul id="friend_list" class="mdl-menu mdl-menu--top-left mdl-js-menu mdl-js-ripple-effect" for="friend_button">
							<li class="mdl-menu__item">友情链接</li>
							<li class="mdl-menu__item"><a href="http://cc.neucc.cc/" target="_blank">16003-16004班展示平台</a></li>
							<li class="mdl-menu__item"><a href="https://www.assetn.com/" target="_blank">16005-16006班展示平台</a></li>
						</ul>
					</div>
				</div>
				<div class="mdl-mini-footer--right-section">Made with love by <a href="https://blog.csdn.net/gzj0078" target="_blank">纷羽</a> & <a href="https://blog.sylingd.com" target="_blank">泷涯</a></div>
			</footer>
        </main>
    </div>
	<script src="https://cdn.bootcss.com/material-design-lite/1.3.0/material.min.js"></script>
	<script src="assets/js/common.js"></script>
	<script src="assets/js/user.js"></script>
</body>
</html>
